/*==================================================================================================================================*/
/* ESTILOS */
/*==================================================================================================================================*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-color: #993333;*/
	overflow: auto;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a:link {
	text-decoration: none;
	color: #071a35;
}

a:visited {
	text-decoration: none;
	color: #071a35;
}

a:active {
	text-decoration: none;
	color: #071a35;
}

a:hover {
	text-decoration: none;
	color: #696969;
}

.linkDestacado:link {
	text-decoration: underline;
	color: #696969;
}

.linkDestacado:visited {
	text-decoration: underline;
	color: #696969;
}

.linkDestacado:active {
	text-decoration: underline;
	color: #696969;
}

.linkDestacado:hover {
	text-decoration: underline;
	color: #ffffff;
}

.linkMenu:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Arial, Tahoma, Helvetica;
	TEXT-DECORATION: none;
}

.textoEncabezado {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #035248;
	text-align: right;
}

.textoMenu {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #035248;
}

.textoPie {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	padding-right: 5px;
	color: #FEB07C;
	text-align: center;
	font-weight: bold;
}

.textoPieTitle {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	padding-right: 5px;
	color: #035248;
	text-align: center;
	font-weight: bold;
}

.textoTitulo {
	font-weight: bold;
	font-size: 18px;
	margin-left: 10px;
	width: 100%;
	color: #035248;
	font-family: Arial, Tahoma, Helvetica;
}

.textoTitulo2 {
	font-weight: bold;
	font-size: 18px;
	color: #035248;
	font-family: Arial, Tahoma, Helvetica;
}

.textoTituloBanner {
	font-weight: bold;
	font-size: 22px;
	margin-left: 10px;
	width: 100%;
	color: #ffffff;
	font-family: Arial, Tahoma, Helvetica;
	margin-bottom: .2rem;
}

.textoError {
	font-weight: bold;
	color: #DC143C;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	position: static;
}

.textoAviso {
	font-weight: bold;
	font-size: 11px;
	color: #0C2D4E;
	font-family: Arial, Tahoma, Helvetica;
	position: static;
}

.textoExito {
	font-weight: bold;
	font-size: 11px;
	color: #009900;
	font-family: Arial, Tahoma, Helvetica;
	position: static;
}

.textoErrorHTTP {
	font-weight: bold;
	font-size: 16px;
	color: #ff9966;
	font-family: Arial, Tahoma, Helvetica;
}

.textoGenSmallBold {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	/*color: #1c3454;*/
	color: Black;
	font-weight: bold;
}

.TextoEditor {
	font-size: 12px;
	width: 90%;
	background-repeat: no-repeat;
	font-family: Arial, Tahoma, Helvetica;
	text-decoration: none;
}

.simboloObligatorio {
	font-family: Tahoma, Arial, Tahoma, Helvetica;
	font-size: 12px;
	color: #CC9933;
}
.campoSoloLectura {
	padding-left: 3px;
	border-right: #071a35 1px solid;
	border-top: #071a35 1px solid;
	font-size: 11px;
	margin-left: 5px;
	border-left: #071a35 1px solid;
	color: #696969;
	margin-right: 5px;
	border-bottom: #071a35 1px solid;
	font-family: Arial, Tahoma, Helvetica;
	background-color: #e4e3e2;
}

.campoError {
	/*
    padding-left: 3px;
	border-right: #071a35 1px solid;
	border-top: #071a35 1px solid;
	font-size: 11px;
	margin-left: 5px;
	border-left: #071a35 1px solid;
	color: #696969;
	margin-right: 5px;
	border-bottom: #071a35 1px solid;
	font-family: Arial, Tahoma, Helvetica;
    */
	background-color: #FFFF99;
}

.campoBusqueda {
	padding-left: 3px;
	font-size: 11px;
	margin-left: 5px;
	color: #696969;
	margin-right: 5px;
	font-family: Arial, Tahoma, Helvetica;
	background-color: #999933;
	border: 1px solid #104c28;
}

.etiqueta {
	border-top-width: 0px;
	font-weight: bold;
	border-left-width: 0px;
	font-size: 11px;
	border-bottom-width: 0px;
	color: #104c28;
	font-family: Arial, Tahoma, Helvetica;
	text-align: right;
	border-right-width: 0px;
}

.etiqueta2 {
	border-top-width: 0px;
	font-weight: bold;
	border-left-width: 0px;
	font-size: 11px;
	border-bottom-width: 0px;
	color: #104c28;
	font-family: Arial, Tahoma, Helvetica;
	text-align: left;
	border-right-width: 0px;
}

.radioButtonItem {
	border-top-width: 0px;
	border-left-width: 0px;
	font-size: 11px;
	border-bottom-width: 0px;
	color: #071a35;
	font-family: Arial, Tahoma, Helvetica;
	border-right-width: 0px;
}

.boton {
	background-position: center center;
	font-weight: bold;
	font-size: 11px;
	width: 86px;
	cursor: pointer;
	color: #ffffff;
	background-repeat: no-repeat;
	font-family: Arial, Tahoma, Helvetica;
	text-align: center;
	background-color: #4B7184;
	TEXT-DECORATION: none;
	BORDER-LEFT: #F7DFB2 1px solid;
	BORDER-TOP: #F7DFB2 1px solid;
	BORDER-RIGHT: #F7DFB2 1px solid;
	BORDER-BOTTOM: #F7DFB2 1px solid;
	height: 23px;
}

	.boton:hover {
		background-color: #F26301;
	}

.boton_disable {
	background-color: #778899 !important;
}

.boton_volneg {
	background-color: #AD7308 !important;
}

.boton_compag {
	background-color: #A73610 !important;
}

.botonInicio {
	background-position: center center;
	font-weight: bold;
	font-size: 11px;
	width: 86px;
	cursor: pointer;
	color: #B1B9CD;
	color: #ffffff;
	background-repeat: no-repeat;
	font-family: Arial, Tahoma, Helvetica;
	text-align: center;
	background-color: #104c28;
	background-color: #4B7184;
	TEXT-DECORATION: none;
	border: 1px solid #10182E;
	height: 23px;
}

	.botonInicio:hover {
		background-color: #F26301;
	}

.botonGrande {
	background-position: center center;
	font-weight: bold;
	font-size: 11px;
	width: 172px;
	cursor: pointer;
	color: #104c28;
	background-repeat: no-repeat;
	font-family: Arial, Tahoma, Helvetica;
	text-align: center;
	text-decoration: none;
}

.botonImagen {
	cursor: pointer;
}

.botonListaDoble {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #104c28;
	text-decoration: none;
}

.botonMenu {
	padding-right: 1px;
	padding-left: 1px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 1px;
	cursor: pointer;
	color: #ffffff;
	padding-top: 1px;
	font-family: Arial, Tahoma, Helvetica;
	height: 25px;
	text-align: center;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8D81A3;
	border-right-color: #ffffff;
	border-bottom-color: #8D81A3;
	border-left-color: #ffffff;
}

.botonMenuResaltado {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	color: #ffffff;
	/*background-color: #993333;
	background-color: #257F46;*/
	background-color: #4B7184;
	font-family: Arial, Tahoma, Helvetica;
	TEXT-DECORATION: none;
	height: 25px;
	padding: 1px;
	text-align: center;
	BORDER-LEFT: #095333 1px solid;
	BORDER-TOP: #095333 1px solid;
	BORDER-RIGHT: #095333 1px solid;
	BORDER-BOTTOM: #095333 1px solid;
	cursor: pointer;
}

.cuerpoMenuDesplegable {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 1px;
	cursor: pointer;
	color: #FFFFFF;
	padding-top: 1px;
	font-family: Arial, Tahoma, Helvetica;
	height: 25px;
	/*background-color: #993333;*/
	background-color: #4B7184;
	text-align: left;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #4B7184;
	border-bottom-color: #30428A;
	border-left-color: #4B7184;
}

.cuerpoMenuDesplegableResaltado {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	color: #FFFFFF;
	font-family: Arial, Tahoma, Helvetica;
	TEXT-DECORATION: none;
	background-color: #F26301;
	height: 25px;
	text-align: left;
	border-left: #4B7184 1px solid;
	border-top: #4B7184 1px solid;
	border-right: #4B7184 1px solid;
	border-bottom: #4B7184 1px solid;
	cursor: pointer;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

.cuerpo {
	overflow: auto;
	height: auto !important;
	min-height: 450px;
	width: 95%;
	position: relative;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	scrollbar-face-color: #d4e5fc;
	scrollbar-highlight-color: #78a7e7;
	scrollbar-3dlight-color: #c7dcfe;
	scrollbar-darkshadow-color: #435d81;
	scrollbar-shadow-color: #435d81;
	scrollbar-arrow-color: #c7dcfe;
	scrollbar-track-color: #ffffff;
}

.cuadroError {
	overflow: auto;
	height: 22px;
	scrollbar-face-color: #d4e5fc;
	scrollbar-highlight-color: #78a7e7;
	scrollbar-3dlight-color: #c7dcfe;
	scrollbar-darkshadow-color: #435d81;
	scrollbar-shadow-color: #435d81;
	scrollbar-arrow-color: #c7dcfe;
	scrollbar-track-color: #ffffff;
}

.cuerpoPopUp {
	background-color: #d8faf0;
	color: #1c3454;
	font-weight: bold;
}

.grilla {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	color: #035248;
	line-height: 1.5;
}

	.grilla td {
		padding: 3px;
	}

.grillaReminder {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 0.8rem;
	font-style: italic;
	color: Red;
}

.textoGen {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	/*color: #1c3454;*/
	color: Black;
}

.textoGenSmall {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	/*color: #1c3454;*/
	color: Black;
}

.textoGenSmallBold {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 11px;
	/*color: #1c3454;*/
	color: Black;
	font-weight: bold;
}

.textoGenR {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 12px;
	/*color: #1c3454;*/
	color: Black;
	text-align: right;
}

.textoGen2 {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 13px;
	/*color: #1c3454;*/
	font-weight: bold;
	color: #1c3454;
}

.textoLogin {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 14px;
	/*color: #1c3454;*/
	font-weight: normal;
	color: #1c3454;
}

.textoHomePageSubT {
	font-family: Arial, Tahoma, Helvetica;
	font-size: 13px;
	padding-left: 10px;
	/*color: #1c3454;*/
	font-weight: bold;
	color: #ffffff;
}

.filaCabeceraGrilla {
	font-weight: bold;
	/*background-color: #cccc66;
	background-color: #791a00;*/
	text-align: center;
	background-color: #035248;
	color: #ffffff;
}

.filaCabeceraGrillaLgt {
	font-weight: bold;
	/*background-color: #cccc66;
	background-color: #791a00;*/
	text-align: center;
}

.filaImparGrilla {
	/*background-color: #ffcc66;*/
	/*background-color: #b96622;*/
	background-color: #FFFFFF;
	vertical-align: top;
	/*color: #808080;*/
}

.filaParGrilla {
	/*background-color: #D4EBF9;*/
	background-color: #FFFFFF;
	vertical-align: top;
	/*color: #808080;*/
	/*color: #808080;*/
}

.fondoCampos {
	background-color: #ffffff;
}

.fondoBotones {
	background-color: #6f88ab;
}

.fondoSubTitulo {
	border-top-width: 0px;
	font-weight: bold;
	border-left-width: 0px;
	font-size: 11px;
	border-bottom-width: 0px;
	color: #1c3454;
	font-family: Arial, Tahoma, Helvetica;
	border-right-width: 0px;
	width: 100%;
	text-align: left;
	background-color: #c6e158
}

.fondoSubTitulo2 {
	border-top-width: 0px;
	font-weight: bold;
	border-left-width: 0px;
	font-size: 11px;
	border-bottom-width: 0px;
	color: #1c3454;
	font-family: Arial, Tahoma, Helvetica;
	border-right-width: 0px;
	width: 100%;
	text-align: left;
	background-color: #02805a;
}

.botonVerde1 {
	cursor: hand;
	background-image: url(/Imagenes/BotonVerde1Oscuro.gif);
	/*behavior: url(../../Comportamientos/Boton.htc);*/
	background-repeat: no-repeat;
	background-position: center center;
	width: 176px;
	height: 24px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.color1 {
	background-color: #F26301;
}

.color2 {
	background-color: #4B7184;
}

.titulo1 {
	font-size: 20px;
	color: #143D8D;
	padding-left: 10px;
	position: absolute !important;
	visibility: hidden !important;
}

.titulo2 {
	font-size: 24px;
	color: #534F4F;
	position: absolute !important;
	visibility: hidden !important;
}

.titulo_linea {
	font-size: 24px;
	color: #143D8D;
}

.finePrint {
	font-size: 7pt
}

.finePrintR {
	font-size: 7pt;
	text-align: right !important;
}

.footer {
	width: 100%;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: thin;
	margin-left: auto;
	padding-top: 5px;
	margin-right: auto;
	padding-bottom: 20px;
	padding-right: 0px;
	text-align: center;
}

.clear_div {
	clear: both;
}

.celdaD {
	text-align: right;
	padding-right: 5px;
}

.text-xs-center {
	text-align: center !important;
	font-size: 0.8125rem;
	color: #acacac;
}

.hide {
	display: none !important;
	visibility: hidden !important;
}

.btn_counter {
	display: inline-block;
	/* position: absolute; */
	right: -6px;
	top: 3px;
	z-index: 2;
	font: bold 11px Arial;
	background: #f18e00;
	color: #fff;
	padding: 1px 4px 1px 4px;
	margin-left: 2px;
	border-radius: 2px;
}

/*==========================================================================================*/
/* NUEVO DISEŅO BOOTSTRAP (RESPONSIVE)                                                      */
/*==========================================================================================*/

.btn {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 0.75rem 2.1875rem;
	font-size: 0.75rem;
	line-height: 1.5;
	border-radius: 3px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn-primary {
	/*
    background-color: #c0a375;
    border-color: #c0a375;
    */
	background-color: #F26301;
	border-color: #F26301;
	box-shadow: none;
	color: #fff;
}

	.btn-primary:hover {
		color: #fff;
		background-color: #F26301;
		border-color: #F26301;
		color: #ffffff;
		box-shadow: none;
	}

	.btn-primary:focus, .btn-primary.focus {
		color: #fff;
		/*
        background-color: #a07e49;
        border-color: #a07e49;
        */
		background-color: #F26301;
		border-color: #F26301;
	}

	.btn-primary:active, .btn-primary.active {
		color: #fff;
		/*
        background-color: #a07e49;
        border-color: #a07e49;
        */
		background-color: #F26301;
		border-color: #F26301;
		background-image: none;
		box-shadow: none;
	}

	.btn-primary.disabled, .btn-primary:disabled {
		color: #fff !important;
		/*
        background-color: #a07e49 !important;
        border-color: #a07e49 !important;
        */
		background-color: #F26301 !important;
		border-color: #F26301 !important;
		opacity: 0.85;
	}

.btn-primary-outline {
	background: none;
	/*
    border-color: #8e7041;
    color: #8e7041;
    */
	border-color: #ab2432;
	color: #ab2432;
}

	.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active {
		color: #fff;
		/*
        background-color: #c0a375;
        border-color: #c0a375;
        */
		background-color: #F26301;
		border-color: #F26301;
	}

	.btn-primary-outline:hover {
		color: #fff;
		/*
        background-color: #c0a375;
        border-color: #c0a375;
        */
		background-color: #F26301;
		border-color: #F26301;
	}

	.btn-primary-outline.disabled, .btn-primary-outline:disabled {
		color: #fff !important;
		/*
        background-color: #c0a375 !important;
        border-color: #c0a375 !important;
        */
		background-color: #F26301 !important;
		border-color: #F26301 !important;
		opacity: 0.85;
	}

.campo {
	/*width: 100%;*/
	padding: .1rem .75rem;
	font-size: 0.8rem;
	line-height: 1.5;
	color: #55595c;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: .25rem;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s padding-left: 3px;
	margin-left: 5px;
	margin-right: 5px;
	/*
    border-right: #31425a 2px solid;
    border-top: #31425a 2px solid;
    border-left: #31425a 2px solid;
    border-bottom: #31425a 2px solid;
    */
}

.campo, .campo-file, .campo-range {
	display: initial;
}

	.campo::-ms-expand {
		background-color: transparent;
		border: 0
	}

	.campo:focus {
		border-color: #66afe9;
		outline: 0
	}

	.campo::placeholder {
		color: #999;
		opacity: 1
	}

.form-control:disabled, .form-control[readonly] {
	background-color: #eceeef;
	opacity: 1
}

.form-control:disabled {
	cursor: not-allowed
}

.form-control-label {
	padding: .375rem .75rem;
	margin-bottom: 0
}

.btn {
	line-height: 0.5 !important;
}

.breadcrumb, .pager, .pagination {
	margin-bottom: 0px !important;
}

/*==========================================================================================*/
.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	/*border-bottom: 3px solid #d2d6de;
    margin-bottom: 20px;*/
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

	.box.box-danger {
		border-top-color: #dd4b39;
		border-bottom-color: #dd4b39;
	}

	.box.box-primary {
		border-top-color: #3c8dbc;
	}

.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative;
}

	.box-header .box-title {
		display: inline-block;
		font-size: 16px;
		margin: 0;
		line-height: 1;
	}

	.box-header.with-border {
		border-bottom: 1px solid #f4f4f4;
	}

.box-body {
	font-size: 14px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px;
}

	.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
		content: " ";
		display: table;
	}

	.box-header:after, .box-body:after, .box-footer:after {
		clear: both;
	}

	header:after, .box-body:after, .box-footer:after {
		content: " ";
		display: table;
	}

/*==========================================================================================*/
/* NAV-TABS                                                                                 */
/*==========================================================================================*/
.nav-tabs {
	border-bottom: 2px solid #3c8dbc;
}

	.nav-tabs > li {
		float: left;
		margin-bottom: -2px;
	}

		.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
			color: #555;
			cursor: default;
			background-color: #fff;
			border: 2px solid #3c8dbc;
			border-bottom-color: transparent;
		}

/*==========================================================================================*/
/* Material Kit PRO - v2.1.1                                                                              */
/*==========================================================================================*/

.d-flex {
	display: flex !important;
}

.d-inline-flex {
	display: inline-flex !important;
}

.justify-content-start {
	justify-content: flex-start !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch {
	align-self: stretch !important;
}


/*==========================================================================================*/
/* SPINNER
/*==========================================================================================*/
/* Colors */
/*#104b79 - #2196f3 - #204962*/
:root {
	--main-color-bg-hd: #104b79;
	--main-color-bg: #ffffff;
	--main-color-bg-text: #000;
	--main-color: #f5d500;
	--main-color-d1: #257fc5;
	--main-color-d2: #104b79;
	--main-link-color: #bd7b27;
	--main-link-color-h: #9c6620;
	--main-color-rgb1: rgba(0, 0, 0, 0.2);
	--main-color-rgb2: rgba(255, 252, 0, 0.6);
	--main-color-text: #000;
	--main-color-bs-1: rgba(255, 252, 0, 0.14);
	--main-color-bs-2: rgba(255, 252, 0, 0.2);
	--main-color-bs-3: rgba(255, 252, 0, 0.12);
	--main-color-loader: #f5d500;
	--main-color-bg-loader: rgba(255,255,255,0.50);
	--color-1: #00bcd4;
	--color-2: #4caf50;
	--color-3: #ff9800;
	--color-4: #e91e63;
	--color-5: #f44336;
	--color-6: #f5d500;
	--color-7: #007bff;
	--color-8: #9c27b0;
	--color-9: #297d2c;
	--color-10: #70dacb;
	--color-11: #c1c1c1;
	--color-12: #0008ff;
	--color-13: #555;
	--color-14: #000;
	--color-15: #9aca5a;
	--color-home-bg: #ffffff;
	--color-home-text: #000000;
	--color-hd-bg: #104b79; /*#104b79*/
	--color-hd-bg-rgb: rgb(23, 92, 146);
	--color-hd-text: #ffffff;
	--color-hd-link: #f5d500;
	--color-hd-title: #ffa82a;
	--color-hd-collapse-bg: #ffffff;
	--color-hd-collapse-link: #2196f3;
	--color-in-bg: #ffffff;
	--color-in-text: #000000;
	--color-link: #2196f3;
	--color-link-hover: #f5d500;
	--color-btn-main: #ffa82a;
	--color-btn-text: #000000;
	--color-btn-hover: #e88a03;
	--color-btn-disabled: #cccccc;
	--color-check: #ffa82a;
	--color-secondary: #ffa82a;
	--color-secondary-text: #000000;
	--color-loader: #104b79;
	--color-loader-text: #ffa82a;
}

.color-1, .icon.color-1 {
	color: #00bcd4 !important;
}

.color-2, .icon.color-2 {
	color: #4caf50;
}

.color-3, .icon.color-3 {
	color: #ff9800;
}

.color-4, .icon.color-4 {
	color: #e91e63;
}

.color-5, .icon.color-5 {
	color: #f44336;
}

.color-6, .icon.color-6 {
	color: #f5d500;
}

.color-7, .icon.color-7 {
	color: #007bff;
}

.color-8, .icon.color-8 {
	color: #9c27b0;
}

.color-9, .icon.color-9 {
	color: #297d2c;
}

.color-10, .icon.color-10 {
	color: #70dacb;
}

.color-11, .icon.color-11 {
	color: #c1c1c1;
}

.color-12, .icon.color-12 {
	color: #0008ff;
}

.color-13, .icon.color-13 {
	color: #555;
}

.color-14, .icon.color-14 {
	color: #9aca5a;
}

.color-15, .icon.color-15 {
	color: #000;
}

.color-disabled, .icon.color-disabled {
	color: #ccc;
	cursor: pointer;
}

#overlay3 {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--main-color-bg-loader); /* Black background with opacity */
	z-index: 1070; /* Specify a stack order in case you're using a different order for other elements */
	/*cursor: pointer;*/ /* Add a pointer on hover */
}

.loader {
	border: 10px solid #f3f3f3; /* Light grey */
	border-top: 10px solid var(--main-color-loader); /* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
}

.loader-center {
	position: relative;
	left: 47%;
	top: 47%;
	z-index: 1;
	/* margin: -75px 0 0 -35px; */
	border: 10px solid var(--color-loader);
	border-top: 10px solid var(--main-color-bg-loader);
	border-radius: 50%;
	width: 10vh;
	height: 10vh;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 1s linear infinite;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.loader-center-in {
	position: relative;
	left: 47%;
	top: 44%;
	z-index: 1;
	margin: -8.2vh 0 0 1.6vh;
	border: 8px solid var(--color-loader);
	border-top: 10px solid var(--main-color-bg-loader);
	border-radius: 50%;
	width: 7.5vh;
	height: 7.5vh;
	-webkit-animation: spinCC 2s linear infinite;
	animation: spinCC 1s linear infinite;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#loader-text {
	position: relative;
	top: 51%;
	left: 47%;
	/* padding-top: 0vh; */
	font-size: 16px;
	font-weight: 900;
	color: var(--color-loader-text);
	/* transform: translate(3%,3%); */
	-ms-transform: translate(-50%,-50%);
	text-align: center;
	width: 22vh;
	/* -webkit-text-stroke: 0.01em white; */
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	z-index: 2;
	margin: -5vh -5vh;
}

.loader-center-in2 {
	position: relative;
	left: 47%;
	top: 44%;
	z-index: 1;
	margin: -5.3vh 0 0 1.7vh;
	border: 8px solid var(--color-loader);
	border-top: 10px solid var(--main-color-bg-loader);
	border-radius: 50%;
	width: 6.5vh;
	height: 6.5vh;
	-webkit-animation: spinCC 2s linear infinite;
	animation: spinCC 1s linear infinite;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#loader-text2 {
	position: relative;
	top: 51%;
	left: 47%;
	/* padding-top: 0vh; */
	font-size: 16px;
	font-weight: 900;
	color: var(--color-loader-text);
	/* transform: translate(3%,3%); */
	-ms-transform: translate(-50%,-50%);
	text-align: center;
	width: 22vh;
	/* -webkit-text-stroke: 0.01em white; */
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	z-index: 2;
	margin: -5vh -5vh;
}

.loader-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1080;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	transition: opacity .15s linear;
}

.spinner-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1080;
	background-color: var(--main-color-bg-loader);
	overflow-y: hidden;
}

	.spinner-backdrop.fade {
		opacity: 0
	}

	.spinner-backdrop.show {
		opacity: .5;
	}

	.spinner-backdrop.spinner {
		display: table;
		position: relative;
		margin: 0 auto;
		top: calc(50% - 24px);
	}


/*==========================================================================================*/
/**
 * ----------------------------------------
 * animation text-in
 * ----------------------------------------
 */
/*==========================================================================================*/

@-webkit-keyframes text-in {
	0% {
		-webkit-filter: blur(10px);
		filter: blur(10px);
		opacity: 0;
	}

	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}

@keyframes text-in {
	0% {
		-webkit-filter: blur(10px);
		filter: blur(10px);
		opacity: 0;
	}

	100% {
		-webkit-filter: blur(0px);
		filter: blur(0px);
		opacity: 1;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes spinCC {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes spinCC {
	from {
		-webkit-transform: rotate(360deg);
	}

	to {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@-moz-keyframes spinCC {
	from {
		-moz-transform: rotate(360deg);
	}

	to {
		-moz-transform: rotate(0deg);
	}
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}

@-ms-keyframes spinCC {
	from {
		-ms-transform: rotate(3600deg);
	}

	to {
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes moveToRight {
	/*from { }
	to { -webkit-transform: translateX(100%); }*/
}

@keyframes moveToRight {
	/*from { }
	to { -webkit-transform: translateX(100%); transform: translateX(100%); }*/
}

@-webkit-keyframes moveFromRight {
	/*from { -webkit-transform: translateX(100%); }*/
}

@keyframes moveFromRight {
	/*from { -webkit-transform: translateX(100%); transform: translateX(100%); }*/
}

/*==========================================================================================*/
/* IFRAME CONTAINER                                                                         */
/*==========================================================================================*/
.iframe-container {
	/*
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    */
	height: 0;
	overflow: hidden;
}

	.iframe-container iframe,
	.iframe-container object,
	.iframe-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		/*height: -webkit-fill-available;
        min-height: 600px;
        */
		height: 100%;
	}
